<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>响应式布局模板</title>
  <!-- 要求用最新的浏览器 -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
  <!-- 引入css文件 -->
  <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
  <!--[if lt IE 9]>
    <script src="lib/html5shiv/html5shiv.js"></script>
    <script src="lib/respond/respond.js"></script>
  <![endif]-->

  <!-- 引入自己的css文件 -->

</head>
<body>
  <div class="container">
    <div class="row">
      <div class="col-md-3">首页</div>
      <div class="col-md-3">HOME</div>
      <div class="col-md-3">关于</div>
      <div class="col-md-3">讨论</div>
    </div>
  </div>
  <!-- 引入jquery和bootstrap -->
  <script src="lib/jquery/jquery.min.js"></script>
  <script src="lib/bootstrap/js/bootstrap.min.js"></script>

  <!-- 引入自己的js文件 -->
</body>
</html>
